aboutsummaryrefslogtreecommitdiff
path: root/src/app/manga/[title]/title.module.css
diff options
context:
space:
mode:
authorreal-zephex <[email protected]>2024-04-12 08:48:35 +0530
committerreal-zephex <[email protected]>2024-04-12 08:48:35 +0530
commitaa6ee5cf96542132c4fea66a4bfc111621f4f049 (patch)
tree2e2f0bf00eaf2822a5c77c1176d252b0e4d0835b /src/app/manga/[title]/title.module.css
parentadded sharp npm package (diff)
downloaddramalama-aa6ee5cf96542132c4fea66a4bfc111621f4f049.tar.xz
dramalama-aa6ee5cf96542132c4fea66a4bfc111621f4f049.zip
fixes: manga search is now fixed. removed the netlify card from the homepage because the vercel one is stable enough.
Diffstat (limited to 'src/app/manga/[title]/title.module.css')
-rw-r--r--src/app/manga/[title]/title.module.css15
1 files changed, 9 insertions, 6 deletions
diff --git a/src/app/manga/[title]/title.module.css b/src/app/manga/[title]/title.module.css
index c832d85..8a87422 100644
--- a/src/app/manga/[title]/title.module.css
+++ b/src/app/manga/[title]/title.module.css
@@ -1,5 +1,5 @@
.Main {
- max-width: 90%;
+ max-width: 95%;
margin: 60px auto;
}
@@ -26,14 +26,17 @@
border-width: 4px;
align-items: center;
cursor: pointer;
- transition: transform 0.2s linear;
+ transition: opacity 200ms linear, transform 200ms linear;
}
-.MangaEntries:hover {
- transition: transform 0.2s linear;
- transform: scale(1.01);
- border-color: #535353 #686868;
+/* THIS WORKS*/
+.MangaContainer:hover .MangaEntries {
+ opacity: 0.5;
+}
+.MangaContainer:hover .MangaEntries:hover {
+ opacity: 1;
+ transform: scale(1.01);
}
.MangaInfo {